<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>商城消息中心</title>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
		<link rel="stylesheet" href="../../css/message.css">
		<link rel="stylesheet" href="../../css/index.css"/>
	</head>
	<body>
		<div class="page">
			<header class="message-header">
				<h1><i class="fas fa-bell"></i> 消息中心</h1>
				<div class="filter-options">
					<button class="filter-btn active" data-filter="all">全部</button>
					<button class="filter-btn" data-filter="unread">未读</button>
					<button class="filter-btn" data-filter="read">已读</button>
				</div>
			</header>
			<main class="content">
				<div class="message-list" id="messageList">
					<!-- 消息将通过JS动态加载 -->
				</div>
			</main>
			
		</div>

		<div class="action-modal" id="actionModal">
			<div class="modal-content">
				<button class="modal-close"><i class="fas fa-times"></i></button>
				<div class="modal-actions">
					<button class="modal-btn mark-read"><i class="fas fa-envelope-open"></i> 标记为已读</button>
					<button class="modal-btn mark-unread"><i class="fas fa-envelope"></i> 标记为未读</button>
					<button class="modal-btn delete"><i class="fas fa-trash-alt"></i> 删除消息</button>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="../../js/biz/user/point.js"></script>
	</body>
</html>
